<template>
  <div class="zzt">
    <topNav />
    <guanggao />
    <div class="box">
      <leftbar />
      <lunbotu />
      <register />
      <newMenu />
      <popular />
      <erweima />
      <guanggao2 />
      <search />
      <popmenu />
      <search />
      <star />
      <season />
      <zuoping />
    </div>
    <BackBtn />
    <buttonNav />
  </div>
</template>

<script>
import topNav from "../../components/topNav.vue";
import guanggao from "./components/guanggao/guanggao.vue";
import leftbar from "./components/leftbar.vue";
import lunbotu from "./components/lunbotu.vue";
import register from "./components/register.vue";
import guanggao2 from "./components/guanggao/guanggao2.vue";
import newMenu from "./components/newMenu.vue";
import popular from "./components/popular.vue";
import erweima from "./components/erweima.vue";
import popmenu from "./components/popmenu.vue";
import search from "./components/search.vue";
import star from "./components/star.vue";
import season from "./components/season.vue";
import zuoping from "./components/zuoping.vue";
import BackBtn from "../zhh/components/BackBtn.vue";
import buttonNav from "../../components/buttonNav.vue";

export default {
  components: {
    topNav,
    guanggao,
    leftbar,
    lunbotu,
    register,
    guanggao2,
    buttonNav,
    newMenu,
    popular,
    erweima,
    popmenu,
    search,
    star,
    season,
    zuoping,
    BackBtn,
  },
};
</script>

<style scoped="scoped">
.box {
  width: 1000px;
  height: 3300px;
  margin: auto;
  margin-top: 25px;
  position: relative;
  /* background-color: pink; */
}

</style>